﻿<style>
    .page.article {
        font-size: 0.9em;
    }


    .page__hd {
        padding: 25px;
        padding-bottom: 18px;
    }

        .page__hd .weui-cell {
            padding: 10px 8px;
        }

        .page__hd .weui-cells:before {
            border-top: none;
        }

        .page__hd .weui-cells::after {
            border-bottom: none;
        }

        .page__hd .weui-btn {
            border-radius: 0px;
        }

            .page__hd .weui-btn::after {
                border-radius: 0px;
            }

        .page__hd .weui-flex {
            border-radius: 10px;
            border: 1px solid rgba(0,0,0,.2);
            overflow: hidden;
        }

            .page__hd .weui-flex .weui-btn {
                font-size: 1.2em;
            }

    .page__bd {
        padding: 15px 25px;
    }

        .page__bd .page__ft {
            padding: 0px;
        }

        .page__bd .charge {
            width: 100%;
        }

            .page__bd .charge a {
                width: 47%;
                padding: 15px 18px;
                margin-left: 2%;
            }

    .bottomBtn {
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        z-index: 2000;
    }

    .aa {
        line-height: 1.3;
    }

    .chargeDetail .weui-cells:last-child {
        margin-bottom: 15px;
    }
</style>
<div class="page article js_show bg-primary" ng-controller="ChargeCtrl">
    <div class="page__hd bg-warn text-white">
        <h1 class="page__title text-lg">会员卡: {{ cardInfo.cardNo }}</h1>
        <h1 class="page__title text-lg">当前余额(元)</h1>
        <div class="weui-cells m-t-none ">
            <div class="weui-cell bg-warn">
                <div class="weui-cell__bd">
                    <h1>{{cardInfo.cardValue + cardInfo.cardGiftValue}}</h1>
                </div>
                <div class="weui-cell__ft ">
                    <p class="text-white">现金余额:<span ng-bind="cardInfo.cardValue"></span></p>
                    <p class="text-white">赠送余额:<span ng-bind="cardInfo.cardGiftValue"></span></p>
                </div>
            </div>
        </div>
        <div class="weui-flex  m-t-md">
            <div class="weui-flex__item" ng-repeat="item in btns" ng-click="btnCurrBtn_click(item)">
                <div class="placeholder">
                    <a class="weui-btn weui-btn_middle" ng-class="{'weui-btn_white':currBtn == item,'weui-btn_primary':currBtn != item}">
                        <p>{{item.name}}</p>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="page__bd" ng-show="currBtn.id == 1">
        <p class="page__desc text-center m-b-lg m-t-md">
            <img src="img/wx/storevalue/icon64_wx_logo.png" />
            <br />
            <span ng-show="cardInfo.storeValueLink">使用微信支付在线充值</span>
            <span ng-hide="cardInfo.storeValueLink">当前暂不支持在线充值, 请前往门店前台充值</span>
        </p>
        <a href="javascript:;" class="weui-btn weui-btn_primary"
           ng-show="cardInfo.storeValueLink" ng-href="{{cardInfo.storeValueLink}}">前往充值</a>
        <!--<div class="page__ft no-padder">
            <p class="page__desc" style="text-align:center">选择充值金额</p>
        </div>
        <div class="charge">
            <a  href="javascript:;" class="weui-btn weui-btn_mini"
               ng-repeat="item in chargeAmount"
               ng-click="btnCurrCharge_click(item)"
               ng-class="{'weui-btn_white':currCharge != item,'weui-btn_primary':currCharge == item,'aa':item.present}">
                <p class="text-md">{{item.name}}</p>
                <p ng-show="item.present">赠送<span>{{item.present}}</span></p>
            </a>
        </div>
        <div class="bottomBtn">
            <a href="javascript:;" class="weui-btn weui-btn_primary no_radius">确认充值</a>
        </div>-->
    </div>
    <div class="chargeDetail" ng-show="currBtn.id == 2">
        <p class="page__desc text-center m-t-md" ng-show="chargeDetails.length == 0">暂无记录</p>
        <div ng-repeat="(key, value) in monthChargeDetails">
            <div class="weui-cells__title">
                <span ng-bind="key"></span>月
            </div>
            <div class="weui-cells">
                <div class="weui-cell" ng-repeat="dom in value">
                    <div class="weui-cell__bd">
                        <p>
                            <span ng-bind="dom.itemTagStr"></span>
                        </p>
                        <p class="page__desc" ng-bind="dom.billDateTime"></p>
                    </div>
                    <div class="weui-cell__ft" ng-bind="dom.cardValueCost"></div>
                </div>
            </div>
        </div>
        <p class="page__desc text-center m-b-sm" ng-show="canShowMore()" ng-click="showMore_click()">点击加载更多</p>
        <p class="page__desc text-center m-b-sm" ng-show="!canShowMore() && chargeDetails.length != 0">已经最底啦</p>
    </div>

</div>
